<template>
    <div>
        <div :style="{ 'color': activeColor, 'fontSize': fontSize + 'px' }">
            这是样式style绑定 对象形式{}
        </div>
        <br/>
        <div :style="[{ 'color': activeColor},{'fontSize': fontSize + 'px' }]">
            这是样式style绑定 数组形式[]
        </div>
    </div>
</template>

<script>
    export default {
        name: 'vbind-style',
        data() {
            return {
                activeColor: '#f40',
                fontSize: 18
            }
        }
    }
</script>
<style scoped>
</style>
